<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="AK">
    <meta name="Keywords" content="WEB,IT,前端">
    <meta name="Description" content="">
    <meta http-equiv="Cache-Control" content="max-age-0">
    <meta http-equiv="refresh" content="555">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
    <link rel="icon" href="/mylogo32.ico">
    <link rel="stylesheet" href="/common.css">
    <link rel="stylesheet" type="text/css" href="/bootstrap-v3.3.7/dist/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/jquery-ui/css/jquery-ui.css">
    <!-- [if lt IE 9] -->
    <script type="text/javascript" src="/html5shiv.min.js"></script>
    <script type="text/javascript" src="/respond.min.js"></script>
    <!-- [endif] -->
    <!-- http://www.huangyun.xyz -->
    <style type="text/css">
    #body1 {
        background: #ffffff;
        color: #f00;
    }
    </style>
    <title> AK </title>
</head>

<body id="body1" onfocus="changeBgColorClk1()">
    <div id="localtime"></div>
    <!-- <form>
        <div class="form-group">
            <label for="exampleInputEmail1">Email address</label>
            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
        </div> -->
    <!-- <div class="form-group">
            <label for="exampleInputPassword1">Password</label>
            <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
        </div>
        <div class="form-group">
            <label for="exampleInputFile">File input</label>
            <input type="file" id="exampleInputFile">
            <p class="help-block">Example block-level help text here.</p>
        </div>
        <div class="checkbox">
            <label>
                <input type="checkbox"> Check me out
            </label>
        </div> -->
    <!-- <button type="submit" class="btn btn-default">Submit</button> -->
    <!-- </form> -->
    <div class="container">
        <h1>全局样式--表单</h1>
        <h3>形式1：默认表单</h3>
        <form action="">
            <div class="form-group">
                <label for="uname" class="control-lable">用户名</label>
                <input type="text" name="uname" class="form-control" id="uname">
                <span class="help-block">用户名可以数字，字母</span>
            </div>
            <div class="form-group">
                <label for="upwd" class="control-lable">密码</label>
                <input type="password" name="upwd" class="form-control" id="upwd">
                <span class="help-block">密码可以数字，字母</span>
            </div>
            <div class="form-group">
                <a href="" class="btn btn-success col-sm-offset-3">登录</a>
                <a href="" class="btn btn-danger col-sm-offset-1">取消</a>
            </div>
        </form>
    </div>
    <h3>形式2：行内表单</h3>
    <form action="" class="form-inline">
        <div class="form-group">
            <label class="sr-only" for="key">请输入搜索关键字</label>
            <input class="form-control" type="text" name="" placeholder="请输入搜索关键字">
        </div>
        <div class="form-group">
            <a href="" class="btn btn-success">搜索</a>
        </div>
    </form>
    <h3>形式3：水平表单</h3>
    <form action="" class="form-horizontal">
        <div class="form-group">
            <div class="col-sm-2">
                <label for="uname3"></label>
            </div>
            <div class="col-sm-5">
                <span class="help-block"></span>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2">
                <label for="uname3" class="control-lable">用户名</label>
            </div>
            <div class="col-sm-5">
                <input type="text" class="form-control">
            </div>
            <div class="col-sm-5">
                <span class="help-block">用户名可以数字，字母</span>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2">
                <label for="uname3" class="control-lable">密码</label>
            </div>
            <div class="col-sm-5">
                <input type="password" class="form-control">
            </div>
            <div class="col-sm-5">
                <span class="help-block">密码名可以数字，字母</span>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-10">
                <a href="" class="btn btn-success col-sm-offset-3">登录</a>
                <a href="" class="btn btn-danger col-sm-offset-1">取消</a>
            </div>
        </div>
    </form>
    <script type="text/javascript" src="/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="/bootstrap-v2.3.2/js/bootstrap.js"></script>
    <script type="text/javascript" src="/jquery-ui/js/jquery-ui.js"></script>
    <script type="text/javascript" src="/AK.js"></script>
    <script>
    </script>
</body>

</html>
<script>
showtime();
changeBgColor();
</script>